var mainPanel = new function(){
	
	
	function _init(){
		
		$("#splitterWrapper").kendoSplitter({
		    panes: [
		        { size:"20%", resizable: false },
		       	{ size:"60%", resizable: false },
		       	{ size:"20%", resizable: false }
		    ],
		    orientation: "horizontal"
		});
		
		$('#leftPanel').kendoSplitter({
		    panes: [
		         {resizable: false},
		         {resizable: false, size: "175px" }
		    ],
		    orientation: "vertical"
		});
		
		
		$("#middlePanel").kendoSplitter({
		    panes: [
		         {resizable: false},
		         {resizable: false, size: "175px" }
		    ],
		    orientation: "vertical"
		});
		
		
		//Activo el scroll después del kendoSplitter porque si no calcula mal su ancho
		$('body').css('overflow','auto')
		
	}
	
	this.init = _init;
	
}